<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->

    <head>
        <title>Produtor</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="javascript/jquery-ui-1.11.2.custom/jquery-ui.css" type="text/css"/>
        <link rel="stylesheet" href="estilos/estilo.css" type="text/css"/>
        <script type="text/javascript" src="javascript/jquery-2.1.1.js" ></script>
        <script type="text/javascript" src="javascript/jquery-ui-1.11.2.custom/jquery-ui.js" ></script>
        <script type="text/javascript" src="javascript/Mask/jquery.mask.js" ></script>
        <script type="text/javascript" src="javascript/scripts.js" ></script>
        <script type="text/javascript" src="javascript/validacoes.js" ></script>
        
        
    </head>
     
    <body>
        
        
         <!--Formulário para cadastro do Produtor-->
    <form class = "form" action="" id="form" method="POST">

            <h1>Cadastro do Produtor </h1> 
        <label> <span>Nome Completo</span> <br />
            <input type="text" class="input" name="nome" id="name"/> 
        </label> 
            <br />
        <label> 
            <span>Email</span> <br /><input type="email" class="input" name="email" id="email"/> 
        </label> 
            <br />
         
       <label> 
            <span>Telefone</span> <br /><input type="text" class="input" name="tel[]" id="tel"/> 
        </label> 
            <input type="button" id="btel" value="+"/>
            <br />
        <label> <span>RG</span> 
            <input type="text" class="input" name="rg" id="rg"/> 
        </label> 
            <label> <span>CPF</span>
            <input type="text"  class="input" name="cpf" id="cpf"/> 
        </label> 
            <br />
            <label> <span>Sócio</span>
                <input type="checkbox"   name="soc" id="soc"/> 
        </label> 
            <br />
            <label> <span>Observação</span>  <br />
            <textarea class="message" name="obs" id="obs"></textarea> 
            
        </label> 
    <h1>Endereço </h1>
    <label> <span>CEP</span>
         <br />
            <input type="text"  class="input" name="cep" id="cep"/> 
        </label> 
      <br />
     <label> <span>Rua/Logradouro</span>
         <br />
            <input type="text"  class="input" name="rua" id="rua"/> 
        </label> 
    <label> <span>Número</span>
        
         <input type="text"  class="input" name="num" id="num"/> 
        </label> 
      <br />
      <label> <span>Bairro</span>
        <br />
         <input type="text"  class="input" name="bai" id="bai"/> 
        </label> 
        <br />
      <label> <span>Cidade</span>
        <br />
         <input type="text"  class="input" name="cid" id="cid"/> 
        </label> 
      <br />
      <label> <span>Estado</span>
        <br />
         <input type="text"  class="input" name="est" id="est"/> 
        </label> 
      
      
      
      
 <div id="produz"> 
  <h1>Produz </h1>
  <select multiple="multiple" name="selectProduto[]" class="input" >
  
</select>
 </div>
      
         <br />  
    <input type="button" class="button" value="Enviar" id="bt" /> 
</form>
         
         <table align="center" width="50%" style="position:relative; top: 2em;" id="tabela">
  <caption>Produtos Que Podem Ser Fornecidos</caption>
    <tr>
      <th>ID</th>
      <th>Produto</th>
      
    
   
    
</table>

         
    </body>

